<include file="Public/header" />

	<body>
		<div class="mui-content">
		    <header class="mui-bar mui-bar-nav pub_head">
		        <a class="mui-action-back mui-icon mui-pull-left iconfont icon-left" href="javascript:history.go(-1)"></a>
		        <h1 class="mui-title">留言消息</h1>
		        <a class="mui-icon mui-pull-right iconfont icon-house1" style="font-size:26px;padding-top:0.5rem;" href='/'></a>
		    </header>
		    <div class="mui-slider mTop message_list">
		        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted message_tit">
		            <a class="mui-control-item" href="#teach">教师</a>
		            <a class="mui-control-item" href="#kinder">幼儿园</a>
		        </div>
		        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
		        <div class="mui-slider-group">
		            <div id="teach" class="mui-slider-item mui-control-content mui-active message_cont">
                                <if condition=" !empty($data) ">
		                <ul class="mui-table-view message_teach_list">
                                    <foreach name="data" item="vo">
					        <li class="mui-table-view-cell mui-media">
				                <img class="mui-media-object mui-pull-left" src="__PUBLIC__/kinderGarent/src/images/logo1.jpg">
				                <div class="mui-media-body" style="overflow: inherit;white-space: initial;">
				                    <p>{$vo.s_content}</p>
				                </div>
					        </li>
					        <li class="mui-table-view-cell mui-media">
				                <img class="mui-media-object mui-pull-right" src="{$vo.head}">
				                <div class="mui-media-body" style="overflow: inherit;white-space: initial;">
				                    <p>{$vo.a_content}</p>
				                </div>
					        </li>
                                    </foreach>
                                </ul>
                                    <else/>
                                    <div class="no-message">
                                        <i class="iconfont icon-zanwuxiaoxitixing"></i>
                                        <p>暂无消息</p>
                                    </div>
                                </if>
		            </div>
		            <div id="kinder" class="mui-slider-item mui-control-content message_cont">
                                 <if condition=" !empty($arr) ">
                                            <ul class="mui-table-view message_kindger_list">
                                                <foreach name="arr" item="v">
                                                    <li class="mui-table-view-cell mui-media">
                                                    <img class="mui-media-object mui-pull-left" src="{$v.head}">
                                                    <div class="mui-media-body" style="overflow: inherit;white-space: initial;">
                                                        <p>{$v.content}</p>
                                                    </div>
                                                    </li>
                                                </foreach>
					    </ul>
                                 <else/>
                                        <div class="no-message">
                                            <i class="iconfont icon-zanwuxiaoxitixing"></i>
                                            <p>暂无消息</p>
                                        </div>
                                </if> 
		            </div>
		        </div>
		    </div>
		    
		    
		    
		</div>
	</body>
</html>